<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <title>学生列表</title>
</head>
<body>
<table border="1px" width="100%" style="border-collapse: collapse;">
    <thead align="center">
        <h1 style="margin-left: 45%;">学生信息列表</h1>
    </thead>
    <a href="../sims/add_view" style="margin-left: 95%">添加学生</a>
    <tr>
        <th>学生编号</th>
        <th>性别</th>
        <th>学生姓名</th>
        <th>年龄</th>
        <th>出生日期</th>
        <th>体重 单位(Kg)</th>
        <th>身高 单位(cm)</th>
        <th>个人简介</th>
        <th>照片</th>
        <th>班级编号</th>
        <th>班级名称</th>
        <th>创建时间</th>
        <th>操作</th>
    </tr>
    {% for student in students %}
        <tr>
            <td align="center" width="60px">{{ student.student_no }} </td>
            <td align="center" width="60px">{% if student.gender == 1 %}男{% else %} 女
            {% endif %}</td>
            <td align="center" width="100px" >{{ student.student_name }} </td>
            <td align="center" width="60px">{{ student.student_age }} </td>
            <td align="center" width="80px">   {{ student.birthday|date:'Y-m-d' }} </td>
            <td align="center" width="100px">{{ student.weight }} </td>
            <td align="center" width="100px">{{ student.height }} </td>
            <td align="center"width="260px">{{ student.introduce }} </td>
            <td align="center" width="120px">{{ student.photo }} </td>
            <td align="center" width="60px">{{ student.student_class }} </td>
            <td align="center"width="80px">{{ student.student_class_name }} </td>
            <td align="center" width="100px">
            {{ student.create_time|date:'Y-m-d H:M:S' }}
            </td>
            <td align="center" width="100px">
                <a href="../sims/edit_show/?student_no={{ student.student_no}}"> <input type="button" value="编辑" style="background: aquamarine"></a>
                <input type="button" value="删除" style="background: aquamarine" onclick="delete_stu({{ student.student_no }})">
            </td>
        </tr>
    {% endfor %}
</table>
<script>
    function delete_stu(student_no) {
        if (student_no==null || student_no == ''){
            alert('学号不能为空')
            return
        }
        const obj = {};
        obj.student_no = student_no
        $.ajax({
            //几个参数需要注意一下
                type: "POST",//方法类型
                dataType: "json",//预期服务器返回的数据类型
                url: 'http://localhost:8000/sims/delete/',//url
                contentType:'application/json',
                 //在请求头通过csrf认证，键固
                headers:{'X-CSRFToken':getCookie("csrftoken")},
                data: JSON.stringify(obj),
                success: function (data) {
                    console.log(JSON.stringify(data))
                    if(data.code == 200){
                        alert(data.desc)
                        {#跳转到列表#}
                        window.location.href="/sims/";
                    }else {
                        alert(data.desc)
                    }
                },
                error : function(e) {
                    console.log('e',e)
                    alert("添加学生异常！");
                }
            });

    }
     // 为防止CSRF（Cross-site request forgery）跨站请求伪造，发post请求时需要在cookie中创建随机码
    function getCookie(name) {
            var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
            /*
               上面这句话相当于：
            var arr;
            var reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
             */
            if(arr=document.cookie.match(reg))
                return decodeURI(arr[2]);    //ECMAScript v3 已从标准中删除了 unescape() 函数，并反对使用它，
                                            // 因此应该用 decodeURI() 和 decodeURIComponent() 取而代之。
            else
                return null;
    }
</script>
</body>
</html>